<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui"
        template="/WEB-INF/templates/template.xhtml">

        <ui:define name="title">
        <h4>
                        <h:outputLabel value="Reporte General Estudiantes" />
                </h4>
        </ui:define>


        <ui:define name="content">
                <h:form id="form">
                <p:growl id="pnlMessages" autoUpdate="true" closable="true" />
                <p:toolbar style="ToolBar">
                                <p:toolbarGroup align="left">
                                        <p:commandButton id="btnRefrescar" value="Refrescar" icon="ui-icon-arrowrefresh-1-w" >
                                        </p:commandButton>
                                </p:toolbarGroup>
                        </p:toolbar>
                        <p:panel id="pnlBuscar" header="Generar Reportes" style="width: 650px;" toggleable="true">

                        <table id="tblData" cellspacing="5">

                                <tr>
                                <td align="right"><h:outputLabel value="Nro. Matricula:" /></td>
                                        <td ><p:inputText value="#{reporteCarnetDataManager.matriculaVieDTO.matCodigo}"/></td>
                                        <td align="right"><h:outputLabel value="Cédula:" /></td>
                                        <td ><p:inputText value="#{reporteCarnetDataManager.matriculaVieDTO.perCi}" style=" width : 161px;"/></td>
                                        <td>
                                        <p:commandButton id="btnBuscar"
                                        actionListener="#{reporteCarnetController.buscar}"
                                        value="#{i18n['label.buscar']}" 
                                        process="@this,pnlBuscar"
                                        update="pnlBuscar,tblReporte" 
                                        icon="ui-icon-search"
                                        title="Buscar"/>
                                        </td>
                                
        
                                </tr>

                                <tr>
                                        <td align="right" ><h:outputLabel value="Nombres:" /></td>
                                        <td colspan="3"><p:inputText value="#{reporteCarnetDataManager.matriculaVieDTO.perNombres}" style=" width : 386px;"/></td>
                                </tr>

                                <tr>
                                        <td align="right"><h:outputLabel value="Apellidos:" /></td>
                                        <td colspan="3" ><p:inputText value="#{reporteCarnetDataManager.matriculaVieDTO.perApellidos}" style=" width : 386px;"/></td>
                                </tr>

                                <tr>
                                <td>
                                </td>
                                                                </tr>
                                <tr>
						<td class="label"><h:outputLabel value="#{i18n['erp.matricula.asinacion.periodo']}" /> 
						<h:outputLabel value="#{i18n['label.signo.requerido']}" styleClass="item-required" />
						</td>
						<td>
							<p:selectOneMenu id="periodo" value="#{reporteCarnetDataManager.matriculaVieDTO.asiPeriodo}" filter="true" required="true"
							requiredMessage="El campo #{i18n['erp.matricula.asinacion.periodo']} es Obligatorio"
						        style="width:200px">
								<f:selectItem itemLabel="#{i18n['label.seleccione']}"/>
								<f:selectItems value="#{reporteCarnetController.periodoList}" var="per" itemLabel="#{per.perDescripcion} " itemValue="#{per.perCodigo}"/>
							</p:selectOneMenu>
						</td>
					
					</tr>                                
                                
                        </table>
                        
                        </p:panel>
                        
                        <p:dataTable id="tblReporte" value="#{reporteCarnetDataManager.matriculaVieDTOList}" 
                                rowIndexVar="rowIndex" var="rep"
                                paginator="true" rows="5" paginatorPosition="bottom"
                                paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                rowsPerPageTemplate="5,10,15">
                        
                                <p:column headerText="#" styleClass="centered" width="5%">
                                        #{rowIndex+1}
                                </p:column>
                                <p:column headerText="Reportes" styleClass="centered" exportable="false" width="20%">
				<h:panelGroup >
					<p:commandLink styleClass="no-decor" ajax="false"
						title="Generar Certificado Matricula"
						actionListener="#{reporteCarnetController.certificado(rep)}">
						<h:graphicImage value="/resources/img/icono01.png" />
					</p:commandLink>
					<h:outputLabel value="&#160;|&#160;" />
					<p:commandLink styleClass="no-decor" ajax="false"
						title="Generar Carné Estudiantil"
						actionListener="#{reporteCarnetController.carnet(rep)}">
						<h:graphicImage value="/resources/img/icono02.png" />
					</p:commandLink>
					<h:outputLabel value="&#160;|&#160;" />
					<p:commandLink styleClass="no-decor" ajax="false"
						title="Generar Ficha Estudiantil"
						actionListener="#{reporteCarnetController.fichaEstudiantil(rep)}">
						<h:graphicImage value="/resources/img/ficha.gif" />
					</p:commandLink>
					</h:panelGroup>
				</p:column>
                                <p:column headerText="Nro. Matricula">
                                        <h:outputText value="2014-GM-#{rep.regCodigo}" />
                                </p:column>
                                  <p:column headerText="Período">
                                        <h:outputText value="#{rep.perDescripcion}" />
                                </p:column>
                                <p:column headerText="Foto">
                                        <p:graphicImage value="#{rep.regFoto}" height="45" />
                                </p:column>
                                <p:column headerText="Cédula">
                                        <h:outputText value="#{rep.perCi}" />
                                </p:column>
                                <p:column headerText="Apellidos y Nombres">
                                        <h:outputText value="#{rep.perApellidos} #{rep.perNombres}" />                          
                                </p:column>
                                <p:column headerText="Nivel">
                                        <h:outputText value="#{rep.nivDescaripcion}" />
                                </p:column>
                                <p:column headerText="Paralelo">
                                        <h:outputText value="#{rep.parDescripcion}" />
                                </p:column>
                                <p:column headerText="Paralelo" style="display: none">
                                        <h:outputText value="#{rep.regVerificarFoto}" />
                                </p:column>
                               
                        </p:dataTable>
                        
                        
                </h:form>
        </ui:define>
</ui:composition>